<template>
  <div class="">
    <!--界面导航条信息-->
    <van-nav-bar title="关于我们" left-text="" left-arrow @click-left="onClickLeft" class="nav-bar" :class="[iosFlag]"/>
    <div class="title">
      <p>关于我们关于我们关于我们关于我们关于我们关于我们</p>
    </div>
  </div>
</template>

<script>

  import { NavBar} from 'vant';

  export default {
    name:'about-us',
    data() {
      return {
        iosFlag:null
      }
    },
    components: {
      [NavBar.name]: NavBar,
    },
    mounted(){
      this.ismobile(1);
    },
    methods: {
      onClickLeft() {
        this.$router.go(-1)
      },

      //移动端适配-首页顶部标题栏
      ismobile(test){
        var u = navigator.userAgent, app = navigator.appVersion;
        if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
          if(window.location.href.indexOf("?mobile")<0){
            try{
              if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)){
                // this.iosFlag = 'ddisplay';
                this.iosFlag = '';

              }else{
                this.iosFlag = ' ';
              }
            }catch(e){
            }
          }
        }else if( u.indexOf('iPad') > -1){
          this.iosFlag = 'ddisplay';
        }else{
          this.iosFlag = ' ';

        }
      }
    }
  }
</script>

<style scoped>
  p{
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #333;
  }
  .title{
    padding: 20px;
  }
  .ddisplay{
    display: none;
  }
</style>
